<script lang="ts" setup>
import {ref} from 'vue'
const buildingTotal = ref(0)
</script>
<template>
    <div class="aboutSystemDiv">
      <el-row style="position: absolute;left: 10%; top: 20%;width: 80%;">
        <el-statistic  style="position: absolute;left: 30%; text-align: center;" :value="98500">
          <template #title>
            <div style="display: inline-flex; align-items: center">
              <span style="font-size: 20px;">申请单未处理数</span>
            </div>
          </template>
        </el-statistic>
        <el-statistic  style="position: absolute;left: 45%; text-align: center;" :value="98500">
          <template #title>
            <div style="display: inline-flex; align-items: center">
              <span style="font-size: 20px;">可用教室数</span>
            </div>
          </template>
        </el-statistic>
        <el-statistic  style="position: absolute;left: 60%; text-align: center;" :value="98500">
          <template #title>
            <div style="display: inline-flex; align-items: center">
              <span style="font-size: 20px;">教学楼数</span>
            </div>
          </template>
        </el-statistic>
        <el-statistic  style="position: absolute;left: 75%; text-align: center;" :value="98500">
          <template #title>
            <div style="display: inline-flex; align-items: center">
              <span style="font-size: 20px;">可申请座位数</span>
            </div>
          </template>
        </el-statistic>
      </el-row>
    </div>
    
</template>
<style scoped>

.el-col {
  text-align: center;
  color: black;
  font-size: 20px;
}
.el-statistic__head {  
  font-size: 40px; /* 设置你想要的字体大小 */  
} 
.aboutSystemDiv{
    background-image: url("@/img/封面.png");
    background-size:cover;
    width: 100%;
    height: 100%;
}
</style>